<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>登陆</title>
	<link rel="stylesheet" href="__HCSS__/login.css">
	<script src="__HJS__/jquery-3.3.1.min.js"></script>
</head>
<body>
	<div class="login-top">
		<div class="login-head">
			<div class="login-logo">
				<a href="{:url('home/index/index')}"><img src="__HIMG__/logo.png" alt=""></a>
			</div>
			<div class="login-nav">
				<a href="{:url('home/index/index')}">首页</a>
			</div>
		</div>
	</div>
	<!-- 登陆窗口界面 -->
	<div class="login-home">
		<div class="login-bg">
			<div class="login-left">
				<a href="#"><img src="__HIMG__/ad/login-banner2.jpg"></a>
			</div>

			<div class="login-right">
				<div class="login-title">
					<div class="login-title-a">
						<a class="login-title-a hover" href="">账号登陆</a>
						<span class="login-line"></span>
						<a href="{:url('home/login/register')}">立即注册</a>
					</div>
				</div>

				<div class="input-a">
					<form action="{:url('home/login/login')}" method="post">
						<ul class="input-b">
							<li>
								<input class="input-c" type="text" name="tel" placeholder="输入您的手机号" maxlength="11">
							</li>
							<li>
								<input class="input-c" type="password" name="pwd" placeholder="输入您的密码" value>
							</li>
							<li>
								<div class="input-e">
									<input class="input-e-l" type="text" name="code" placeholder="请输入验证码">
									<!-- <input class="input-e-r" type="button" name="" value="获取短信验证码"> -->
									<img src="{:captcha_src()}" class="input-e-r" >
								</div>
							</li>
							<li>
								<a href="#">忘记密码</a>
							</li>
							<li>
								<input type="submit" class="submit-a" value="登陆" >
							</li>
						</ul>
					</form>
				</div>

				<!-- 其他登陆方式 -->
				<div class="login-qita">
					<fieldset class="login-qita-l">
						<legend align="center">&nbsp;其他登陆方式&nbsp;</legend>
						<!-- 此处有蹊跷,需要认真对待,部分知识点不太熟悉 -->
					</fieldset>	
					
					<ul class="login-check">
						<li><a href=""><img src="" alt="">博</a></li>
						<li><a href=""><img src="" alt="">微</a></li>
						<li><a href=""><img src="" alt="">支</a></li>
						<li><a href=""><img src="" alt="">QQ</a></li>
						<!-- 可以替换图片，这里没有放 -->
					</ul>	
				</div>
				
			</div>

		</div>
	</div>

	<!-- foot 底部样式 -->
	<div class="footer">
		
		<div class="foot-wrap">
			<div class="foot-main">
				<dl class="foot-item"> 
					<dt>帮助中心</dt>
					<dd><a href="">用户注册协议</a></dd>
					<dd><a href="">购买指南</a></dd>
					<dd><a href="">支付方式</a></dd>
					<dd><a href="">配送与说明</a></dd>
					<dd><a href="">用户注销</a></dd>
				</dl>

				<dl class="foot-item"> 
					<dt>售后服务</dt>
					<dd><a href="">7日无理由退货</a></dd>
					<dd><a href="">质量问题15日内换货</a></dd>
					<dd><a href="">保修条款</a></dd>
					<dd><a href="">配送与说明</a></dd>
					<dd><a href="">售后服务运费规则</a></dd>
				</dl>

				<dl class="foot-item"> 
					<dt>联系我们</dt>
					<dd>
						<span class="call-number">021-80158007</span>
					</dd>
					<dd class="call-time">周一至周日 9:00-18:00</dd>
					<dd>
						<span class="call-number">185-0558-9222</span>
					</dd>
					<dd class="call-time">
						24小时技术维护电话
					</dd>
				</dl>
				
				<div class="foot-item-pic">
					<p>关注爱奇艺商城</p>
					<img src="__HIMG__/erweima.jpg" alt="">
				</div>

			</div>
		</div>
		
		<div class="foot-copy">
			<p>
				Copyright©2013-2018,SHANGJIA INTERNET Co.,ltd.All Rights Reserved.安徽商加互联网服务有限公司<br>
				法律声明 皖ICP备15006585号-4 创业，别怕，我一直在你身边！<br>业务电话：18505589222 陈经理 皖公网安备34122102000262号
			</p>
		</div>

		<!-- 返回小按钮 -->
		<div class="top-back">
			<ul>
				<li class="feedback"></li>
				<li class="topbase"><a href="#"></a></li>
			</ul>
		</div>

	</div>

	<script>
		// 简jq入口
		$(function(){
			// 验证码点击切换
			$('.input-e-r').click(function(){
				var ts = Date.parse(new Date())/1000;
	      		$(this).attr("src", "/captcha?id=" + ts);
			});
		});
	</script>
</body>
</html>